<!-- PAGE CONTENT WRAPPER -->
<div class="page-content-wrap">

    <div class="row">
        <div style="background: #ffffff;">

            <form class="form-horizontal" name="addSMForm" novalidate>
                <div class="panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title"><strong>新增学习地图</strong></h3>
                        <!--<ul class="panel-controls">-->
                        <!--<li><a href="javascript:void(0)" class="panel-remove"><span class="fa fa-times"></span></a></li>-->
                        <!--</ul>-->
                    </div>
                    <div class="panel-body panel-dialog">
                        <p>请按照提示输入学习地图的各项信息。</p>

                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">学习地图logo</label>
                            <div class="col-md-6 col-xs-12">
                                <div class="profile-image">
                                    <img style="min-height: 50px;min-width: 50px;max-width: 100px;max-height: 100px;" ng-src="{{newStudyMap.picture | faceUrl}}" ngf-select ngf-change="uploadImage($files)" ngf-pattern="'image/*'"
                                         ngf-accept="'image/*'" ngf-max-size="20MB" ngf-min-height="100" ngf-resize="{width: 1000, height: 1000}" style="cursor: pointer"/>
                                </div>
                                <span class="help-block">{{'请上传图片' | dyLanguage}}<i style="cursor: pointer; "><span ng-show="showPictureProgress">({{pictureProgress.value}}%)</span></i></span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">名称</label>
                            <div class="col-md-6 col-xs-12">
                                <div class="input-group">
                                    <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                    <input type="text" class="form-control" name="name" ng-model="newStudyMap.name" required/>
                                </div>
                                <span class="help-block" ng-show="(addSMForm.name.$untouched && !addSMForm.$submitted) || addSMForm.name.$valid">请输入学习地图的名称</span>
                                <div ng-show="(addSMForm.name.$touched || addSMForm.$submitted ) && addSMForm.name.$invalid">
                                    <span class="error-block" ng-show="addSMForm.name.$error.required">必须要输入学习地图的名称</span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">编码</label>
                            <div class="col-md-6 col-xs-12">
                                <div class="input-group">
                                    <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                    <input type="text" class="form-control" name="code" ng-model="newStudyMap.code"/>
                                </div>
                                <span class="help-block" ng-show="(addSMForm.code.$untouched && !addSMForm.$submitted) || addSMForm.code.$valid">请输入学习地图的编码</span>
                            </div>
                        </div>

                        <!--<div class="form-group">-->
                        <!--<label class="col-md-3 col-xs-12 control-label">皮肤key值</label>-->
                        <!--<div class="col-md-6 col-xs-12">-->
                        <!--<div class="input-group">-->
                        <!--<span class="input-group-addon"><span class="fa fa-pencil"></span></span>-->
                        <!--<input type="text" class="form-control" name="skin" ng-model="newStudyMap.skin" required/>-->
                        <!--</div>-->
                        <!--<span class="help-block" ng-show="(addSMForm.skin.$untouched && !addSMForm.$submitted) || addSMForm.skin.$valid">请输入学习地图的皮肤key值</span>-->
                        <!--<div  ng-show="(addSMForm.skin.$touched || addSMForm.$submitted ) && addSMForm.skin.$invalid">-->
                        <!--<span class="error-block" ng-show="addSMForm.skin.$error.required">必须要输入学习地图的皮肤key值</span>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->

                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">描述</label>
                            <div class="col-md-6 col-xs-12">
                                <textarea class="form-control" rows="5" name="remark" ng-model="newStudyMap.remark"></textarea>
                                <span class="help-block">请输入学习地图的描述</span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">推广描述</label>
                            <div class="col-md-6 col-xs-12">
                                <textarea class="form-control" rows="5" ng-model="newStudyMap.recommandDesc"></textarea>
                                <span class="help-block">请输入学习地图的推广描述</span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">帮助内容</label>
                            <div class="col-md-6 col-xs-12">
                                <textarea class="form-control" rows="5" ng-model="newStudyMap.helpContent"></textarea>
                                <span class="help-block">请输入学习地图的帮助内容</span>
                            </div>
                        </div>

                    </div>
                    <div class="panel-footer" style="text-align: center;">
                        <button class="btn btn-danger" ng-click="cancel()"><i class="fa fa-times"></i>取消</button>
                        <button class="btn btn-info" ng-click="submit()"><i class="fa fa-check"></i>确定</button>
                    </div>
                </div>
            </form>

        </div>
    </div>

</div>
<!-- END PAGE CONTENT WRAPPER -->